<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css布局</title>
<link href="css05.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="box1">
	<div class="item1">111</div>
	<div class="item2">222</div>
	<div class="item3">333</div>
</div>
<!--css布局-->
<div class="box2">
	<div class="item4">444</div>
	<div class="item5">555</div>
	<div class="item6">666</div>
</div>
<br>
<div class="box3">
	<div class="item7">777</div>
	<div class="item8">888</div>
	<div class="item9">999</div>
</div>
<br>
<div class="box4">
	<div class="item10">111</div>
	<div class="item11">111</div>
	<div class="item12">111</div>
</div>
</body>
</html>
